<template>
  <div class="container">
    <div class="recommend-pic"></div>
    <div class="recommend">抱歉，页面出错了，你可以回到: 
      <router-link to="/home">首页</router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ErrorPage'
}
</script>

<style lang="stylus" scoped>
  @import '~assets/css/mixins.styl';
  .container
    container()
    .recommend-pic
      top: 1rem
      width: 8rem
      height: 6rem
      position: relative
      margin: 0 auto
      background: url('../../../static/img/error.png') center center no-repeat
      z-index: 1
    .recommend
      position: relative
      line-height: .6rem
      text-align: center
      z-index: $normal-index
      width: 100%
      margin-bottom: .4rem
      a 
        color: #f44f44
      a:hover
        cursor: pointer
</style>
